<script language='javascript'>
    var user_id = <?php echo $user_id; ?>;
    var _passChanged = false;
    $(document).ready(function() {
        var panel_1 = Rocket.Create({
            type:'panel',
            id:'formMyProfile',
            title:'Mi perfil',
            width:'100%',
            heigth:100,
            collapsible:true,
            isForm:true,
            autoLoad:false,
            renderTo:'divMyProfile',
            proxy:{
                url: BASE_URL+'users/edit'
            },
            items: [{
                            type: 'hidden',
                            id:'rck_UserId',
                            label: 'UserId',
                            name: 'UserId'
                        },
                        {
                            type: 'hidden',
                            name: '_UserId',
                            id:'rck_hidden_UserId'
                        },
                        {
                            type: 'text',
                            label: 'Primer nombre',
                            name: 'nombre1',
                            id:'rck_nombre1'
                            //    disabled:true
                        },
                        {
                            type: 'text',
                            label: 'Segundo Nombre',
                            name: 'nombre2',
                            id:'rck_nombre2'
                        },
                        {
                            type: 'text',
                            label: 'Apellido paterno',
                            name: 'apellido1',
                            id:'rck_apellido1'
                        },
                        {
                            type: 'text',
                            label: 'Apellido materno',
                            name: 'apellido2',
                            id:'rck_apellido2'
                        },
                        {
                            type: 'image',
                            label: 'Avatar',
                            name:'avatar',
                            uploadName:'userfile',
                            title: 'Click en la imagen',
                            id:'rck_avatar',
                            uploadFileAction:BASE_URL+'users/uploadAvatar',
                            handler:function(data){
                                 Rocket.get('rck_avatar').set(BASE_PATH+data.path);
                            }
                        },
                        {
                            type: 'radiogroup',
                            label: 'sexo',
                            name: 'sexo',
                            id:'rck_sexo',
                            //   disabled:true,
                            fields:[
                                {
                                    text:'Masculino',
                                    value:'M',
                                    name:'sexo',
                                    checked:true
                                },
                                {
                                    text:'Femenino',
                                    value:'F',
                                    name:'sexo'
                                }
                            ]
                        },
                        {
                            type: 'hidden',
                            label: 'created',
                            name: 'created',
                            id:'rck_created'
                        },
                        {
                            type: 'hidden',
                            label: 'Log',
                            name: 'Log',
                            id:'rck_Log'
                        },
                        {
                            type: 'text',
                            disabled:'true',
                            label: 'username',
                            name: 'username',
                            id:'rck_username'
                        },
                        {
                            type: 'password',
                            label: 'password',
                            name: 'password',
                            id:'rck_password'
                        },
                        {
                            type: 'hidden',
                            name: '_password',
                            id:'rck_hidden_password'
                        },
                        {
                            type: 'text',
                            label: 'fono_fijo',
                            name: 'fono_fijo',
                            id:'rck_fono_fijo'
                        },
                        {
                            type: 'text',
                            label: 'fono_movil',
                            name: 'fono_movil',
                            id:'rck_fono_movil'
                        },
                        {
                            type: 'text',
                            label: 'email',
                            name: 'email',
                            id:'rck_email'
                        },
                        {
                            type: 'text',
                            label: 'rut',
                            name: 'rut',
                            id:'rck_rut'
                        },
                        {
                            type: 'datefield',
                            label: 'fechanacimiento',
                            name: 'fechanacimiento',
                            id:'rck_fechanacimiento'
                        },
                        {
                            type: 'text',
                            label: 'direccion',
                            name: 'direccion',
                            id:'rck_direccion'
                        },
                        {
                            type: 'hidden',
                            label: 'created',
                            name: 'created',
                            id:'rck_created'
                        },
                        {
                            type: 'hidden',
                            label: 'Log',
                            name: 'Log',
                            id:'rck_Log'
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            disabled:true,
                            id:'rck_SystemRolId',
                            label: 'Rol Usuario',
                            name: 'SystemRolId',
                            dataField: 'SystemRolId',
                            dataIndex:'SystemRolId',
                            proxy:{
                                url: BASE_URL + 'systemrols/loadList'
                            }
                        },
                        {
                            type:'select',
                            //autoLoad:true,
                            autoLoad:false,
                            id:'rck_comunas',
                            label:'Comuna',
                            name:'comuna_id',
                            dataField:'nombre',
                            dataIndex:'id',
                            proxy:{
                                url: BASE_URL + 'comunas/loadList'
                            },
                            change:function(model){
                                cmbSector = Rocket.get('rck_SectorId');
                                cmbIglesias = Rocket.get('rck_IglesiaId');
                                
                                
                                cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                                cmbIglesias.load({item:Rocket.encode({comuna_id:model.get('id')})});
                            }
                        },
                        {
                            type: 'select',
                            disabled:true,
                            //  autoLoad:true,
                            autoLoad:false,
                            id:'rck_SectorId',
                            label: 'Sector',
                            name: 'SectorId',
                            dataField: 'nombre',
                            dataIndex:'SectorId',
                            proxy:{
                                url: BASE_URL + 'sectors/loadList'
                            }
                        },
                        {
                            type: 'select',
                            disabled:true,
                            autoLoad:false,
                            id:'rck_IglesiaId',
                            label: 'Iglesia',
                            name: 'IglesiaId',
                            dataField: 'nombre',
                            dataIndex:'IglesiaId',
                            proxy:{
                                url: BASE_URL + 'iglesias/loadListByComuna'
                            } 
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_OficioId',
                            label: 'Oficio',
                            name: 'OficioId',
                            dataField: 'nombre',
                            dataIndex:'OficioId',
                            proxy:{
                                url: BASE_URL + 'oficios/loadList'
                            }
                        }],
                        buttons:[
                        {
                            type:'button',
                            id:'btnSubmit',
                            name:'submit',
                            value:'Guardar',
                            handler:function(){
                                if(Rocket.get('rck_password').val().value !== Rocket.get('rck_hidden_password').val().value){
                                    Rocket.get('rck_password').set( hex_md5(Rocket.get('rck_password').val().value));
                                    _passChanged = true;
                                }
                                var values = panel_1.getValues();    
                                
                                if(!_passChanged){//si no ha actualizado la clave la eliominamos de los parametros a editar 
                                    jQuery.each(values,function(i,item){
                                        if(item.name === 'password'){
                                            values[i] = null;
                                            return;
                                        }   
                                    });
                                    _passChanged = false;
                                }
                                //console.debug(values)
                                panel_1.submit({
                                    data:values,
                                    success:function(data){
                                        if(data.success){
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Operaci\u00F3n exitosa',
                                                typeAlert:'success',
                                                message:data.msg
                                            });
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Error en la operacion: ',
                                                typeAlert:'error',
                                                message:_getErrorFromArray(data.errors)
                                            });
                                        }
                                    }
                                });
                            }
                        }]
        });
        
        cmbComunas = Rocket.get('rck_comunas');
        cmbSector  = Rocket.get('rck_SectorId');
        cmbIglesia = Rocket.get('rck_IglesiaId');
        cmbComunas.change = function(model){
                    cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                    cmbIglesia.load({item:Rocket.encode({comuna_id:model.get('id')})});
        };
        cmbComunas.afterSuccess = function(){
            panel_1.fill({
                proxy:{url:BASE_URL+'users/getItem'},
                data:{
                    item: Rocket.encode({
                        UserId:user_id
                    })
                },
                success:function(data){
                    modelComunas = cmbComunas.getSelectedItem();

                    cmbSector.afterSuccess = function(){
                        cmbSector.set(data.data.SectorId);
                        cmbSector.setDisabled(false);
                    };
                    cmbIglesia.afterSuccess = function(){
                        cmbIglesia.set(data.data.IglesiaId);
                        cmbIglesia.setDisabled(false);
                    };

                    cmbSector.load({item:Rocket.encode({comuna_id:modelComunas.get('id')})});
                    cmbIglesia.load({item:Rocket.encode({comuna_id:modelComunas.get('id')})});


                },
                error:function(data){
                    Rocket.Create({
                        type:'dialog',
                        title:data.msg,
                        typeAlert:'error',
                        message:_getErrorFromArray(data.errors)
                    });
                }
            });
        };
        cmbComunas.load();
    }); 
  
</script>
<?php echo utf8_decode($module_banner);?>
<ul class='ul_page'>
    <li><div id='divMyProfile'></div></li>
</ul>
